.pagination {
  color: #adabac;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 2px;
  padding: 60px 0;
  text-align: center;
  text-transform: uppercase;
  .inner {
    max-width: 800px;
    margin: 0 auto;
  }
}

.pagination a:after,
.pagination a:before {
  transition: 0.3s;
}

.arrow-left:before {
  transform: translateY(-7px) rotate(-45deg);
}

.arrow-left:after {
  transform: translateY(7px) rotate(45deg);
}

.arrow-right:before {
  transform: translateY(-7px) rotate(45deg);
}

.arrow-right:after {
  transform: translateY(7px) rotate(-45deg);
}

.pagination {
  color: #adabac;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 2px;
  padding: 60px 0;
  text-align: center;
  text-transform: uppercase;
}

.pagination .inner {
  position: relative;
}

.page-number {
  display: inline-block;
  padding: 6px 30px;
}

.newer-posts,
.older-posts {
  height: 30px;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  width: 30px;
}

.newer-posts {
  left: 30px;
}

.older-posts {
  right: 30px;
}

.pagination a:after,
.pagination a:before {
  transition: 0.3s;
}

.pagination a:hover:after,
.pagination a:hover:before {
  background-color: #34495e;
}

.arrow-down:after,
.arrow-down:before,
.arrow-left:after,
.arrow-left:before,
.arrow-right:after,
.arrow-right:before,
.arrow-up:after,
.arrow-up:before {
  background-color: #adabac;
  content: '';
  height: 2px;
  left: 50%;
  margin-left: -11px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 22px;
}
